<!DOCTYPE html>
<html>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="HandheldFriendly" content="true">

<head>
    <meta charset="UTF-8">
    <title>呼呼糊糊的网站</title>
</head>
<link href="src/css/main.css" rel="stylesheet"/>
<link href="src/css/ghost-button.css" rel="stylesheet"/>
<link href="src/css/picShow.css" rel="stylesheet"/>
<body>
<div class="background-fix"></div>
<header>
    <nav>
        <ul>
            <li><a href="">首页</a></li>
            <li><a href="">天气</a></li>
            <li><a href="">摄影</a></li>
            <li><a href="">关于</a></li>
        </ul>
    </nav>
</header>

<div class="content-firstPage">
    <h2>Nice to meet you.</h2>
    <p>
        <span>一切之后，恍如隔世的错觉</span>
        <span>只来得及说一句</span>
        <span>很高兴遇见你</span>
    </p>
    <p><<</p>
</div>

<div class="content-weatherPage">
    <div class="weather-title">
        <h2>从明天起，做一个幸福的人</h2>
        <h2>从关心天气开始吧~</h2>
    </div>

    <div class="weather-container">
        <div class="weather-content weather-tod">
            <h3>今日</h3>
            <p>
                <span><img src="src/img/weather-icon/sun.gif"/></span>
                <span>20~26</span>
            </p>
        </div>
        <div class="weather-content weather-tom">
            <h3>明日</h3>
            <p>
                <span><img src="src/img/weather-icon/sun.gif"/></span>
                <span>20~26</span>
            </p>
        </div>
        <div class="weather-content weather-nex">
            <h3>后日</h3>
            <p>
                <span><img src="src/img/weather-icon/sun.gif"/></span>
                <span>20~26</span>
            </p>
        </div>
    </div>

    <div class="weather-button">
        <a href="javascript:;" class="ghost-button">
            <span class="line line-top"></span>
            <span class="line line-right"></span>
            <span class="line line-bottom"></span>
            <span class="line line-left"></span>
            <span class="button-font">了解更多</span>
        </a>
    </div>
</div>

<div class="content-thirdPage">
    <p>
        孤独不是在山上而是在街上，不在一个人里面而在许多人里面。
        <br/>
        <span>———三木清</span>
    </p>
</div>

<div class="content-photoPage">
    <h2>生活不缺美景，只是不懂生活</h2>
    <div class="photo-container">
        <div class="container">
            <div class="content">
            </div>
            <div class="controller">
            </div>
        </div>
    </div>
    <div class="photo-button">
        <a href="javascript:;" class="ghost-button">
            <span class="line line-top"></span>
            <span class="line line-right"></span>
            <span class="line line-bottom"></span>
            <span class="line line-left"></span>
            <span class="button-font">了解更多</span>
        </a>
    </div>
</div>

<div class="content-fifthPage">
    <p>
        <span>风雨肆虐之后，世界似乎却比往常更平静了</span>
        <span>纵使长夜漫漫，而黎明终将到来</span>
    </p>
</div>

<footer>
    <h2>©呼呼糊糊</h2>
    <p>感谢访问</p>
</footer>

<script src="src/js/Scroll.js"></script>
<script src="src/js/picShow.js"></script>
</body>
</html>